<template>
<div class="mall-header">
  <el-header>
    <breadcrumb></breadcrumb>
    <search-box></search-box>
    <settings></settings>
  </el-header>
</div>
</template>

<script>
import SearchBox from "./header/SearchBox";
import Settings from "./header/Settings";
import Breadcrumb from "./header/Breadcrumb";

export default {
  name: "MallHeader",
  components: {Settings, SearchBox, Breadcrumb}
}
</script>

<style scoped>
.el-header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #ddd;
  border-bottom: 2px #eeeeee solid;
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  z-index: 99;
}
</style>